import Vue from 'vue';
import App from './components/app.vue';
import {
    Header,
    Button,
    Field,
    Lazyload
} from "mint-ui";
Vue.component(Header.name, Header);
Vue.component(Button.name, Button);
Vue.component(Field.name, Field);
Vue.use(Lazyload);
// 引入缩略图预览插件
import VuePreview from 'vue-preview';
Vue.use(VuePreview, {
    mainClass: 'pswp--minimal--dark',
    barsSize: {top: 0, bottom: 0},
    captionEl: false,
    fullscreenEl: false,
    shareEl: false,
    bgOpacity: 0.85,
    tapToClose: true,
    tapToToggleControls: false
  })

// 引用mui
import './lib/mui/css/mui.min.css';
import './lib/mui/css/icons-extra.css';
import {
    router
} from "./config/route.js";
// 引用 axios
import axios from './config/axios.js';
Vue.prototype.axios = axios;

import moment from 'moment';
// 常用的过滤器 时间戳插件moment
Vue.filter("dateFormat", (date, pattern = "YYYY/MM/DD HH:mm:ss") => {
    // eg date时间戳
    var str = Date.now();
    return moment(str).format(pattern);
})

export default new Vue({
    el: '#app',
    data: {},

    // 构建模式下
    render: h => h(App),
    router

    // render: function (h) {
    //     return (
    //        <Login>123</Login>
    //     )
    // }
})